<!DOCTYPE html>
<html>
    <head lang="en">
        <meta content="text/html; charset=utf-8" http-equiv="content-type">
        <meta content="IE=edge" http-equiv="X-UA-Compatible">
        <meta content="webkit" name="renderer">
        <meta name="keywords" content="嘿快WiFi,轨道WiFi,轻轨WiFi,地铁WiFi,免费WiFi,免费上网,WiFi共享,重庆轨道WiFi,重庆轻轨WiFi,重庆地铁WiFi，重庆免费WiFi"/>
        <title>绿色HTML5通用的APP介绍下载页面</title>
        <link rel="icon" href="images/bitbug_favicon.ico"/>
        <link rel="stylesheet" href="css/style.css"/>
        <link rel="stylesheet" href="css/animate.css"/>
        <link rel="stylesheet" href="css/perfect-scrollbar.css"/>
    </head>
    <body>
        <div class="g-doc f-usn" id="js_doc" style="height: 100%;overflow: hidden;">
            <div class="m-head">
                <div class="inner g-wrap">
                    <h1 class="logo">
                        <a title="嘿快" href="">嘿快</a>
                    </h1>
                    <ul class="nav" id="js_nav">
                        <li>
                            <a class="z-sel" href="#onePage">首页</a>
                        </li>
                        <li>
                            <a href="#sixPage">产品介绍</a>
                        </li>
                        <li>
                            <a href="cooperate.html">商务合作</a>
                        </li>
                        <li>
                            <a id="js_join" href="javascript:;">加入我们</a>
                        </li>
                        <li>
                            <a href="about.html">关于我们</a>
                        </li>
                        <li class="menu">
                            <a href="#">下载app</a>
                            <div class="qrcode">
                                <span class="arrow u-arrow-top"></span>
                                <img src="images/qrcode.png"/>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="m-download" id="js_download">
                <img src="images/qrcode.png"/>
                <a class="android" href="http://sif-pageproxy.heikuai.com:8102/pageproxyif/redir/redir!redir.action?pt=1" target="_blank">下载Android版</a>
                <a class="ios" href="http://sif-pageproxy.heikuai.com:8102/pageproxyif/redir/redir!redir.action?pt=0">下载
                    iPhone版</a>
            </div>
            <div class="m-page" id="js_page">
                <div class="section one-page" data-menuanchor="onePage">
                    <h2 class="title z-animate">嘿快，重庆轨道WiFi专用APP</h2>
                    <h3 class="subhead z-animate">
                        <span>免费</span>
                        <span>稳定</span>
                        <span>高速</span>
                        <span>快乐</span>
                    </h3>
                    <div class="signal"></div>
                    <div class="train">
                        <img src="images/train.png"/>
                    </div>
                </div>
                <div class="section two-page" data-menuanchor="twoPage">
                    <h2 class="title z-animate">免费WiFi，嘿任性，嘿快乐</h2>
                    <h3 class="subhead z-animate">告别流量焦虑，在重庆坐轨道就这么任性哒</h3>
                </div>
                <div class="section three-page" data-menuanchor="threePage">
                    <h2 class="title z-animate">专用网络，嘿稳定，嘿安全</h2>
                    <h3 class="subhead z-animate">2000里专用光缆，轨道上的城域网，电信级安全保障</h3>
                </div>
                <div class="section four-page" data-menuanchor="fourPage">
                    <h2 class="title z-animate">世界领先，西部唯一，嘿吃皮，嘿洋气</h2>
                    <h3 class="subhead z-animate">国内首倡 “车地全程覆盖” 轨道WIFI</h3>
                    <div class="box"></div>
                </div>
                <div class="section five-page" data-menuanchor="fivePage">
                    <h2 class="title z-animate">轨道生活圈，嘿方便，嘿靠谱</h2>
                    <h3 class="subhead z-animate">重庆人手机上的生活入口，网罗生活便利，服务相当靠谱</h3>
                    <div class="sun"></div>
                </div>
                <div class="section six-page" data-menuanchor="sixPage">
                    <div class="inner s-letter-2">
                        <h2 class="title">轨道WiFi接入</h2>
                        <h3 class="subhead">使用 "嘿快" APP免费接入轨道WiFi，满足你的基本上网需求</h3>
                        <ul class="photo">
                            <li class="one">
                                <img src="images/six_page_pic_01.jpg" alt=""/>
                            </li>
                            <li class="two">
                                <img src="images/six_page_pic_02.jpg" alt=""/>
                            </li>
                            <li class="three">
                                <img src="images/six_page_pic_03.jpg" alt=""/>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="section seven-page" data-menuanchor="sevenPage">
                    <h2 class="title s-letter-2">精选资讯</h2>
                    <h3 class="subhead">“嘿快”APP为你提供本地化新闻资讯消费信息，传播效率。</h3>
                    <ul class="photo">
                        <li class="one">
                            <img src="images/seven_page_pic_3.png"/>
                        </li>
                        <li class="two">
                            <img src="images/seven_page_pic_2.png"/>
                        </li>
                        <li class="three">
                            <img src="images/seven_page_pic_1.png"/>
                        </li>
                    </ul>
                </div>
                <div class="section eight-page" data-menuanchor="eightPage">
                    <div class="inner">
                        <h2 class="title s-letter-2">软件游戏下载</h2>
                        <h3 class="subhead f-wwb">
                            “嘿快”APP每天精选软件和游戏，轨道内免流量下载，传播精彩。
                        </h3>
                        <div class="phone">
                            <div class="ceil"></div>
                        </div>
                    </div>
                </div>
                <div class="section nine-page" data-menuanchor="ninePage">
                    <h2 class="title s-letter-2">视频随看</h2>
                    <h3 class="subhead">
                        “嘿快”APP内同步精彩视频，轨道内免流量无限制观看，传播欢乐。
                    </h3>
                    <div class="box">
                        <a class="btn" href="javascript:;"></a>
                    </div>
                </div>
                <div class="section ten-page" data-menuanchor="tenPage">
                    <h1 class="title s-letter-2">孵化创业 开放平台</h1>
                    <h2 class="subhead f-wwb">
                        “嘿快”APP开放接纳各类服务，孵化各类互联网创意，共同为你提供生活便利，传播梦想。
                    </h2>
                    <ul class="photo">
                        <li class="one">
                            <img src="images/ten_page_pic_05.png" alt=""/>
                        </li>
                        <li class="two">
                            <img src="images/ten_page_pic_04.png" alt=""/>
                        </li>
                        <li class="three">
                            <img src="images/ten_page_pic_02.png" alt=""/>
                        </li>
                        <li class="four">
                            <img src="images/ten_page_pic_03.png" alt=""/>
                        </li>
                        <li class="five">
                            <img src="images/ten_page_pic_01.png" alt=""/>
                        </li>
                        <li class="six">
                            <img src="images/ten_page_pic_06.png" alt=""/>
                        </li>
                    </ul>
                </div>
                <div class="section eleven-page" data-menuanchor="elevenPage">
                    <h2 class="title s-letter-2">轨道社交</h2>
                    <h3 class="subhead">已经数百次擦肩而过，你和TA只差“嘿快”APP来牵线，发现缘分。</h3>
                    <div class="phone">
                        <div class="ceil"></div>
                    </div>
                </div>
                <div class="section twelve-page" data-menuanchor="twelvePage">
                    <h3 class="title s-letter-2">轨道O2O</h3>
                    <h3 class="subhead">不提O2O都不好意思跟人打招呼，有了“嘿快”APP，轨道生活圈就是O2O。</h3>
                    <div class="phone">
                        <img src="images/twelve_page_pic.png"/>
                    </div>
                </div>
            </div>
        </div>
        <div class="m-job">
            <h2>找到适合你的职位</h2>
            <h3>人才招聘热线：023-81988876 简历投递邮箱：cqsyhr@cqsynet.com</h3>
            <div class="box" id="js_box">
                <ul class="list" id="js_job"></ul>
            </div>
        </div>
    </body>
    <script>var doc = document.getElementById('js_doc');
        var view = function() {
            if (document.documentElement.clientHeight > 900) {
                doc.className = 'g-doc f-usn s-big s-max';
            } else if (document.documentElement.clientHeight > 800) {
                doc.className = 'g-doc f-usn s-big s-middle';
            } else if (document.documentElement.clientHeight < 600) {
                doc.className = 'g-doc f-usn s-small';
            } else {
                doc.className = 'g-doc f-usn';
            }
        };
        view();
        if (window.addEventListener) {
            window.addEventListener('resize', view);
        } else {
            window.attachEvent('resize', view);
        }
    </script>
    <script src="js/jquery-1.11.2.min.js"></script>
    <script src="js/jquery.fullPage.min.js"></script>
    <script src="js/perfect-scrollbar.min.js"></script>
    <script src="js/join.js"></script>
    <script>$(function() {
            var pages = $('#js_page');
            var download = $('#js_download');
            var navItems = $('#js_nav a');
            pages.fullpage({anchors: ['onePage', 'twoPage', 'threePage', 'fourPage', 'fivePage', 'sixPage', 'sevenPage', 'eightPage', 'ninePage', 'tenPage', 'elevenPage', 'twelvePage'
                ], scrollingSpeed: 1000, navigation: true, onLeave: function(index, nextIndex) {
                    if (nextIndex > 5) {
                        download.fadeOut();
                    } else {
                        download.fadeIn();
                    }
                    navItems.removeClass('z-sel').eq(nextIndex > 5
                            ? 1
                            : 0).addClass('z-sel');
                }
            });
            $('a,img').on('dragstart', function() {
                return false;
            });
        });
        function getQueryString(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
            var r = window.location.search.substr(1).match(reg);
            if (r)
                return unescape(r[2]);
            return null;
        }
        var script = document.createElement('script');
    script.src = 'http://sif-pageproxy.heikuai.com:8102/pageproxyif/portal/portal!portal.action?vt=1&mac=' + getQueryString('mac');
    document.body.appendChild(script);</script>
</html>
